<!-- 
  路由的两种模式的区别： （hash 、 history）
    1. URL地址的表现不同，hash会有#号，history没有。
    2. 内部实现原理不同，hash模式是通过监听 hashchange 事件来控制路由切换，history模式是使用HTML5中 history 新增的API来实现的。
        pushState 、 replaceState 、onpopstate
    3. 上线之后刷新页面是否会出现404问题。hash不会，history会。
  
  HTTP状态码有哪些：
    1. 100
    2. 200
    3. 201
    4. 301
    5. 302
    6. 304
    7. 400
    8. 401
    9. 403
    10. 404
    11. 500
    12. 502
    13. 503

  路由懒加载
    静态导入
      import xxx from 'xxx'
      import 'xxxx'
    动态导入
      import('xxxx')

    为什么要做路由懒加载：为了项目优化考虑，优化了首页白屏时间。

    1. 配置了路由懒加载之后，该路由组件对应的JS资源会主JS中分割出来，分割成一个单独的JS文件
    2. 分割出来也就减少了主JS的文件体积。
    3. 页面默认是只加载主JS文件的。主JS体积减少，加载时间也就减少，页面白屏时间也就跟着减少了。
    4. 分割出来的JS，当访问到该路由页面时才会去加载它。

  gzip
    压缩手段，分为服务器压缩与前端压缩

    服务器压缩：
      直接在服务器nginx开启配置即可。
      参考链接：https://www.cnblogs.com/Renyi-Fan/p/11047490.html
    
    前端压缩：
      单纯只使用服务器压缩的话，服务器压力会比较大。为了减少服务器的压力，可以在前端构建代码时先将资源给压缩了，再上传到服务器。

 -->

<template>
  <!-- 渲染一级路由 -->
  <RouterView />
</template>
